<template>
	<up-table ref="el" :options="options" :data="data" idKey="orderId">
		<template #currency="{ data }">
			<div class="flex items-center gap-1">
				<base-currency :currency="data.currency" />
				{{ data.currency }}
			</div>
		</template>
		<template #claimed="{ data }">
			<up-amount :currency="data.currency" :value="data.claimed" />
		</template>
	</up-table>
</template>

<script setup lang="ts">
import { BaseCurrency } from '@/components/base'
import { UpTable, TableOptions, UpAmount } from '@/components/up'

defineProps<{
	options: TableOptions[]
	data: Array<any>
}>()
</script>
